<template>
	<view class="_outer">
		<view class="_outer_btn_flex" @tap="toType(1)">
			<image class="_btn" src="../../static/img/button.png"></image>
			<label class="_lab">{{text}}</label>
		</view>
	</view>
</template>

<script>
	export default {
		props:[
			'btnData'
		],
		data() {
			return {
				text:'数字占卜'
			};
		},
		computed:{
			getBtnData(){
				return this.btnData
			}
		},
		methods:{
			toType(id){
				this.$emit('click',id)
			}
		}
	}
</script>

<style lang="scss">
	._outer{
		height: auto;
		position:relative;
		vertical-align: middle;
		width:100%;
		
		._outer_btn_flex{
			height:180rpx;
			display:flex;
			position:relative;
			width:80%;
			margin:auto;
			
			._btn{
				z-index: 6;
			}
			
			._lab{
				position:relative;
				width:100%;
				text-align:center;
				height:auto;
				margin:auto;
				z-index:6;
				color:#34FD02;
				font-size:15pt;
				top:-5px;
			}
		}
	}
</style>
